<!--
  Generated template for the CommentPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-toolbar>
      <ion-title>发表评论</ion-title>
      <ion-buttons left>
        <button ion-button icon-only (click)="dismiss()">
          <ion-icon name="ios-arrow-back" style="font-size:30px;"></ion-icon>
        </button>
      </ion-buttons>
      <ion-buttons end>
        <button ion-button icon-only (click)="onSubmit()">
          <span class="mr10 font_size_large">发布</span>
        </button>
      </ion-buttons>
    </ion-toolbar>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <ion-list class="mb0">
    <ion-item *ngFor="let starLX of starLXs">
      <div class="tl w02" style="padding-top: 5px;">{{starLX.NAME}}</div>
      <div class="w08 tc">
        <ng-container *ngFor="let scoreMap of starLX.GRADE.starMap; let indx = index">
          <ion-icon name="star" class="font_red" style="font-size: 2.2em" *ngIf="starLX.GRADE.star>=indx+1;"
                    (click)="starLX.GRADE.star=indx+1"></ion-icon>
          <ion-icon name="star-outline" class="font_red" style="font-size: 2.2em" *ngIf="starLX.GRADE.star<indx+1;"
                    (click)="starLX.GRADE.star=indx+1"></ion-icon>
        </ng-container>
      </div>
      <div class="font_red w02" style="padding-top: 5px;">{{starLX.GRADE.starMap[starLX.GRADE.star - 1]}}</div>
    </ion-item>
    <div class="item bgcolor_white pl15 pr15 pt10 pb10 mb10">
      <ion-textarea placeholder="请您对本次服务作出评价，以便我们改善，为您提供更好的服务！" [(ngModel)]="comment.text"></ion-textarea>
    </div>
    <div class="item bgcolor_white pl15 pr15 pt10 pb10 mb10">
      <!--<select-pic class="fl up_img" *ngIf="!isApp" [max]="picMaxLength" [(fileObjList)]="picList"-->
                  <!--(addEvent)="imageUpload($event)"-->
                  <!--(deleteEvent)="delImage($event)"></select-pic>-->
      <!--<select-pic-native class="fl up_img" *ngIf="isApp" [max]="picMaxLength" [(fileObjList)]="picList"-->
                         <!--[mode]="'all'" (addImage)="imageUpload($event)"-->
                         <!--(delImage)="delImage($event)"></select-pic-native>-->
      <image-picker class="fl up_img" [mode]="'all'"
                    [(ngModel)]="picList"
                    [upload]="true"
                    (addEvent)="imageUpload($event)"
                    (delEvent)="delImage($event)"></image-picker>
    </div>
    <ion-item class="w12 border_bottom">
      <ion-label>有无乱收费</ion-label>
      <ion-checkbox class="bb0" color="red" [(ngModel)]="comment.isCharge"></ion-checkbox>
      <ion-label class="tr font_gray">匿名评论</ion-label>
      <!--<ion-checkbox class="bb0"  color="red" checked="true" [(ngModel)]="comment.isAnonymity"></ion-checkbox>-->
      <ion-toggle mode="ios" class="bb0" color="red" [(ngModel)]="comment.isAnonymity"></ion-toggle>
    </ion-item>

  </ion-list>

</ion-content>
